<template>

  <el-row :gutter="8">
    <el-col :span="11">
      <div class="img-con">
        <el-image style='width: 100%;height:100%; border:5px solid rgb(177, 65, 74);'
      :src="require('@/assets/information_images/Anderson.jpg')"

       ></el-image>
      <div class="text-center1">{{player}}</div>
      <div class="text-center1">{{english_name}}</div>
      </div>

    </el-col>
    <el-col :span="13">
      <div class="title-wrapper">
      <div class="detail-container-top1">俱乐部:  {{club_name}}</div>
</div>
    <el-image style='width: 50%;height:50%;margin-left: 25%; '
      :src="require('@/assets/team_images/广州富力.jpg')"

       ></el-image>
    </el-col>
  </el-row>

</template>

<script>
  export default {

    props: {
      url: {
        type: String,
        default: '@/assets/information_images/Anderson.jpg'
      },
      club_name:{
        type:String,
        default:'广州富力'
      },
      chinese_name:{
        type: String,
        default: '扎哈维'
      },
      player:{
        type:String,
        default:'球员姓名'
      },
      english_name:{
        type: String,
        default: 'Eran Zehaci'
      },
      birthday:{
        type: Date,
        default: null
      },
      height:{
        type: String,
        default: '182'
      },
      weight:{
        type: String,
        default: '72'
      },
       state:{
        type: String,
        default: '以色列'
      },
       remarks:{
        type: String,
        default: '扎哈维'
      }

    },
    }
</script>

<style>

  .img-con{
    float: right;

  }
  .title-wrapper {
    background: rgb(177, 65, 74);
    padding: 10px 0px 0px;
    margin-bottom: 32px;

  }
  .text-center1{
    float: right;
    text-align: center;

    width: 100%;
  }
  .detail-container-top1{
    float: left;
    text-align: center;
    width: 100%;
    padding: 4px;
  }
</style>
